.menu {

    font-size: ms(1)rem;

    & .menu-label {
        color: gray(184);

        &:not(:first-child) {
            padding-top: ms(-1)rem;
        }

        &:not(:last-child) {
            padding-bottom: ms(-1)rem;
        }
    }

    & .menu-list li {
        list-style: none;

        & a {
            color: gray(74);
            display: inline-block;
            padding: ms(-2)rem 1rem;

            &.is-active {
                background-color: #3273dc;
                color: white;
            }
        }

    }

    & .menu-list ul {
        margin: .5rem 1rem;
        border-left: 1px solid gray(219);
    }

}
